.pro{ width: 100%; position: relative; padding-right: 135px; padding-top: 30px; padding-bottom: 30px; }
.pro p{ font-size: 30px; color:#2B2D2E; line-height: 30px; height: 30px; margin-right: 25px; background-position: left center; float: left; background-repeat: no-repeat; background-size: 38px; padding-left: 45px;  }
.pro .zhishu{ margin-top: 5px; float: left; }
.pro .num{ color: #006C2E; font-size: 15px; float: left; }
.pro .star_s{ margin: 4px 0 0 10px; }
.pro a{ font-size: 16px; color:#fff; background: #006C2E; padding: 10px 30px; border-radius: 4px;position: absolute; top: 50%; margin-top: -22px; right: 0; }
.pro a:hover{background: rgba(0, 108, 46, .9);}
.two-nav ul li{ float: left; display: table; margin-right: 30px; }
.two-nav ul li a{ float: left; font-size: 16px; color: #565A5C; padding: 3px 30px;line-height: 42px; }
.two-nav ul li.v{ border-bottom: 2px solid #006C2E; }
.pro-detail{ width: 100%; background: #f5f5f5; padding-top:20px;  }
.pro-detail-box{ height: 315px; background: #fff; padding: 30px; border-radius: 4px; }
.asd{ width: 450px; height: 255px; margin-right: 30px; float: left; }
.asd .swiper-container{height:255px;}
.asd .swiper-slide a{  width: 100%; height: 100%; }
.pro-detail-box ul li{ height: 40px; border-bottom: 1px solid #f5f5f5; line-height: 40px; float:left; width: 420px; }
.pro-detail-box ul .no{ height: 30px; border-bottom: 1px solid #f5f5f5; line-height: 17px; }
.pro-detail-box ul .off{ height: 30px; border-bottom: 0px ;}
.pro-detail-box ul li span{ width: 90px; display: block; font-size: 14px; float: left; color:#82888a; }
.pro-detail-box ul li p{ display: block; font-size: 14px; color: #2B2D2E; float: left; }
.pro-detail-box ul li p i{ font-size: 18px; color:#006C2E; }
.pro-detail2{ width: 100%; background: #f5f5f5; padding:15px 0;  }
.content{ background: #fff; border-radius: 4px; color: #565A5C; font-size: 16px; }
.content .con{border-bottom: 1px solid #f5f5f5; }
.content .con .con-padding{ padding: 40px 116px; }
.content .con .title b{
	width: 2px;
	height: 16px;
	background: #fff;
	margin-right: 5px;
}
.content .con .title{ font-size: 16px;   color: #fff;background: #006C2E;padding: 5px 116px; display: flex;align-items: center;}
.content .con1 p{ width: 720px; font-size: 16px; line-height: 30px; }
.content .con1 p img{width:100%;}
.content .con li{ width: 100%;
	padding-left:40px;
	line-height: 40px; }
.content .con.con3 li.yes{ padding: 0; }
.con2 li{ background: url('/src/assets/image/icon-star1.png') no-repeat left 8px; }
.con2 .no{ background: url('/src/assets/image/icon-star2.png') no-repeat left; }
.con3 .yes{ margin-top: 40px; padding: 0; }
.con3 li{ background: url('/src/assets/image/dui.png') no-repeat left 9px; }
.content .con4 li{ text-indent:0px; padding-left: 40px; position: relative; }
.content .con4 li{background: url('/src/assets/image/yuan1.svg') no-repeat left;}

.content .con5 li{ text-indent:0px; padding-left: 40px; position: relative; } 
.content .con5 li.yes{ color: #006C2E; }
.content .con5 li.no{ font-size: 16px; color: #565A5C; line-height: 26px; margin-bottom: 15px; }
.content .con5 i{ color: #fff; width: 24px; position: absolute; left: 0;  text-align: center; }
.content .con5 .yes i{ background: url('/src/assets/image/wen.svg') no-repeat center ; }
.content .con5 .no i{ background: url('/src/assets/image/da.svg') no-repeat center ; }
.desc{ width: 100%; background: #f5f5f5; padding-top:15px;  padding-bottom: 30px;  }
.position-nav .btn{ display: none; }
.position-nav{ background: #fff; }
.fixed-nav{ border: 1px solid #f5f5f5; }
.fixed-nav .btn{ display: block; float: right; }
.fixed-nav .btn a { font-size: 16px; color: #fff; background: #006C2E; padding: 0 30px; border-radius: 5px; float: right; margin-top: 4px; }
.fixed{ position: fixed; top: 0; left: 0; right: 0; padding-left: 20px;background: #fff;z-index: 9999; }
.position-nav ul{ width: 960px; margin: 0 auto; }
.w.two-nav{ height: 140px; }

.pro-ava{ background-color: #F5F5F5; width: 100%; height: auto; padding-bottom: 20px;}
.pro-ava ul{ width: 960px; margin: 0 auto; overflow: hidden; height: 100px; background-color: #fff; font-family: PingFangSC-Regular; }
.pro-ava li{ position: relative; float: left; }
.pro-ava li:nth-child(2){ margin-left: 165px;}
.pro-ava li:nth-child(3){ margin: 0 15px;}
.pro-ava li:nth-child(n+2){ padding: 30px  0; }
.pro-ava li img{ height:40px; position: absolute; top: 32px; left: 24px; }
.pro-ava li span{ color: #006C2E; font-size: 18px; width: 267px; float: left; margin-left: 72px; margin-top: 28px; }
.pro-ava li p{ font-size: 12px; margin-left: 72px; color: #82888A; }
.pro-ava li input:focus { outline:none; }
.pro-ava li input::-webkit-.pro-ava li input-placeholder { color: #82888a; }
.pro-ava li input::-webkit-outer-spin-button,
.pro-ava li input::-webkit-inner-spin-button { -webkit-appearance: none; }
.pro-ava li input.name{ width:145px; -moz-appearance: textfield; }
.pro-ava li input.phone{ width: 173px;}
.pro-ava li input{ float: right; width: 180px; height: 40px; background-color: #f5f5f5; border-radius: 4px;  padding-left: 10px; border: 0; }
.pro-ava .btn {width: 80px;}
/*.pro-ava li div{ font-size: 18px; float: right; color: #FFFFFF; line-height: 18px; width: 120px; height: 40px; background-color: #FF6C6C; border-radius: 4px; line-height: 40px; text-align: center; }*/
/*.pro-ava li div:hover{ background-color: #006C2E; }*/
.pro-ava li i{ display: none; font-size: 18px; color: #006C2E; position: absolute; right: 15px; top: 36px; }

.index-house .houselist{margin-top: -25px;}
.index-house .index-all{margin-top: 45px;}

.index-ok{display: block;}

.index-pro{ width: 100%; overflow: hidden; background: #f5f5f5; }
.index-pro .ul { width: 960px; display: flex; height: auto; margin:0 auto; }
.index-pro .ul .li{ -webkit-transition: all .2s linear; transition: all .2s linear; margin-right: 20px; flex-shrink: 1; -webkit-flex-shrink: 1; height: auto; width:310px; position: relative; }
.index-pro .ul .li:last-child{ margin-right: 0; }
.index-pro .ul .li img{ height: 150px; width: 100%; }
.index-pro .ul .li .pro-tit{ position: absolute; display: block; background-color: rgba(0,0,0,.4); height: 150px; line-height: 150px; width: 100%; text-align: center; font-family:PingFangSC-Semibold; font-size:18px; color:#fff; top: 0; }

.index-pro .ul .li ul{ overflow: hidden; background-color: #fff; }
.index-pro .ul .li ul li { height: auto; border-bottom: 1px solid #f5f5f5; padding: 15px; }
.index-pro .ul .li ul li span{ overflow: hidden; background-color: #fff; display: block; float: left; margin-right: 10px; font-family:PingFangSC-Regular; font-size:14px; color:#7f7c7c; text-align:left; }
.index-pro .ul .li ul li:first-child p{ height: 40px; }
.index-pro .ul .li ul li p{ overflow: hidden; background-color: #fff; font-family:PingFangSC-Regular; font-size:14px; color:#4b4949; line-height:20px; text-align:left; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.index-pro .ul .li ul li p em{ color: #006C2E; font-size: 18px; }
.index-pro .ul .li:hover{ -webkit-box-shadow:3px 3px 15px rgba(0,0,0,0.1); box-shadow:3px 3px 15px rgba(0,0,0,0.1); }
.demo_warp{
	width: 960px;
    margin: 0 auto;
    background: #fff;
    border-radius: 4px 4px 0 0;
    padding: 30px 35px 52px;
}
.demo_warp .tab_tit {
	display: flex;
	flex: 1;
	// margin:.2rem;
  }
.demo_warp .active {
color:#006C2E;
border-bottom: 3px solid;
padding-bottom: 3px;
// background-color: cadetblue;
}
.demo_warp ul li {
list-style: none;
// width: 23%;
text-align: center;
// background-color: #ccc;
margin:0 4% 0 0;
cursor: pointer;
}
.demo_warp .tab_con {
width: 100%;
margin-top: 20px;
}
@media only screen and (max-width: 960px){
	.two-nav ul li.v a{ color: #006C2E; font-weight: bold; }
	.two-nav ul li a{ padding: 0; width: 100%; display: block; text-align: center; line-height: 46px;  }
	.w.two-nav{ height: auto } // 134px;
	.pro{ padding: 18px 0 8px 0; }
	.fixed-nav{ top: 43px; }
	.zhishu{ float: none; }
	.position-nav{ overflow:hidden; height: 50px; }
	.position-nav ul{ width: 620px; height: 50px; }
	.fixed-nav .btn a{ display: none; }
	.two-nav{ padding: 0 20px; position: relative;}
	.pro p{ font-size: 20px; color: #000; line-height: 30px; margin-right: 0; float: none; background-size: 30px; }
	/*.pro a{ display: none; }*/
	.pro .num{ margin: 0; }
	.pro .star_s{ margin: 3px 0 0 10px; }
	.pro-detail-box{ padding: 20px; height: 100%; }
	.pro-detail-box .asd,
	.pro-detail-box .swiper-container{ float: none; width: 100%; }
	.pro-detail-box ul{ width: 100%; overflow: hidden; }
	.pro-detail-box ul .no{ line-height: 40px; height: 40px; }
	.pro-detail2 .content .con{ padding: 40px 20px; width: 100%; }
	.pro-detail2 .content .con li{ font-size: 14px; }
	.pro-detail2 .content .con img{ width: 100%; }
	.content .con1 p{ width: auto; }
	.pro-detail2 .content .con2 .yes{ background-position: 0 8px; }
	.pro-detail2 .content .con3 .yes{ margin-top: 10px; }
	.over-x{ width: 100%; overflow-x: auto; }

	.index-ok{ padding: 0 20px;}
	.index-ok ul{margin: 0; padding: 0; display: flex; width: auto;}
	.index-ok .index-title{text-align: left; padding: 15px 0 30px;}
	.index-ok .index-title h2{font-size: 24px; line-height: 33px; font-family: PingFangSC-Medium;}
	.index-ok ul li{width: 165px; margin-right:10px; flex: 0 0 auto;}
	.index-ok ul li img{height: 110px;}
	.index-ok ul li cite{padding-top: 12px;}
	.index-ok ul li cite a{margin-left: 0;}
	.index-ok ul li p a{margin: 7px 0 0;}
	.index-ok ul li cite a span{ float:none; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
	.index-ok .index-all{margin: 10px auto 20px; width: 100%; text-align: center; padding: 0; line-height: 35px;}

	.tips{padding: 20px; font-size: 22px; line-height: 30px; font-weight: normal;}

	.min_desc h2{font-family: PingFangSC-Medium; text-align: left;}

	.index-m-all{ box-sizing: border-box; -webkit-box-sizing: border-box; font-family:PingFangSC-Regular; font-size:16px; color:#565a5c; text-align:center; border: 1px solid #ccc; display: block; line-height: 33px; border-radius: 4px; margin: 40px 20px 0;	 height: 35px; }
	.index-m-title{ padding-top: 40px; padding-bottom: 10px; }
	.index-m-title h2{ text-align: left; font-family:PingFangSC-Medium; font-size:24px; color:#565A5C; }
	.index-m-title p{ text-align: center; font-family:PingFangSC-Regular; font-size:16px; color:#565A5C; }
	.index-m-xauto{ overflow-y: hidden; overflow-x: auto; }

	.index-m-pro{ width: 100%; overflow: hidden; background: #fff; padding-bottom: 30px; }
	.index-m-pro .over{ overflow: hidden; }
	.index-m-pro .index-m-xauto{ overflow-y: hidden; overflow-x: auto; padding-bottom: 20px; }
	.index-m-pro .ul { width: 885px; margin:0 auto; overflow: hidden; margin-top: 10px; margin-left: 20px; padding-right: 20px; }
	.index-m-pro .ul .li{ position: relative; float: left; margin-right: 10px; width:280px; height: 225px; }

	.index-m-pro .ul .li:last-child{ margin-right: 0; }
	.index-m-pro .ul .li img{ height: 135px; width: 100%; }
	.index-m-pro .ul .li .pro-tit{ position: absolute; background-color: #fff; width: 100%; line-height: 135px; height: 135px; display: block; background-color: rgba(0,0,0,.4); width: 100%; text-align: center; top: 55px; font-family:PingFangSC-Semibold; font-size: 18px; color:#fff; top: 0; }

	.index-m-pro .ul .li ul{ overflow: hidden;}
	.index-m-pro .ul .li ul li { height: 40px; font-family:STHeitiSC-Light; font-size:14px; color:#4b4949; line-height:20px; margin-top: 10px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
	.index-m-pro .ul .li ul li span{ background-repeat: no-repeat; font-family:STHeitiSC-Light; font-size:14px; color:#4b4949; display: block; background-image: url('/src/assets/image/dollar.svg'); background-position: left center; padding-left: 25px; }
	.index-m-pro .ul .li ul li span em{ color: #006C2E; }


	.content .con .con-padding{ padding: 40px 0 0; }
	.content .con .title{
		padding: 5px 10px;
	}
	.demo_warp{
		width: 100%;
		padding: 30px 20px 40px;
	}
}
